<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./sass/css/public_head_footer.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./sass/css/index.css">
    <link rel="stylesheet" href="./sass/css/swiper.min.css">

</head>

<body>
    <!-- 顶部提示以及顶部导航 -->
    <div class='tip'>
        <div class='wrapper'>
            <span>风险提示：近期有不法分子以商品质量为由，致电客户主动要求退款，套取卡号及密码，诈骗钱财，请您保持警惕，保护好个人信息，谨防诈骗。
            </span>
        </div>
    </div>
    <!-- 头部 -->
    <div id='header'>
        <div class='wrapper'>
            <div class='head_left'>
                <span><a href="./index1.html" class="iconfont icon-yugao">邮乐首页</a></span>
            </div>
            <div class='head_right'>
                <span><b>您好，欢迎来到邮乐网！</b><a class="login_registry" href="./login.html">[请登录]</a> <a class="login_registry" href="./registry.html">[免费注册]</a><strong class="showName"></strong>
                </span>
                <span class='cp'>|</span>
                <span class='addCursor'>我的邮乐</span>
                <span class='cp'>|</span>
                <span class='addCursor'>手机邮乐</span>
                <span class='cp'>|</span>
                <span class='addCursor'>全部商品分类</span>
                <span class='cp'>|</span>
                <span class='addCursor'>网站地图</span>
                <span class='cp'>|</span>
                <span class='addCursor'>帮助中心</span>
                <span class='cp'>|</span>
                <span style="color:rgb(191, 98, 32)">TEL:11185</span>
            </div>
        </div>
    </div>
    <!-- 搜索框部分 上-->
    <div id='banner'>
        <div class='wrapper'>
            <div class="flextop">
                <a href="" class="leftLogo"></a>
                <div class="searchPart">
                    <div class="searchPart_top">
                        <input type="text" placeholder="邮特惠会员，天天享特惠！" class="search">
                        <button></button>
                        <div class="showSearch">
                            <ul>
                            </ul>
                        </div>
                    </div>
                    <div class="searchPart_bottom">
                        <a href="">精准扶贫</a>
                        <a href="">中国集邮</a>
                        <a href="">新鲜水果</a>
                        <a href="">奶粉</a>
                        <a href="">潮流女鞋</a>
                        <a href="">洗发护发</a>
                        <a href="">剃须刀</a>
                        <a href="">坚果炒货</a>
                        <a href="">纸巾</a>
                    </div>
                </div>
                <div class="goCart">
                    <span>购物车</span> <i>|</i>
                    <span class="showNum"></span>
                    <i></i>
                </div>
            </div>
        </div>
    </div>
    <!-- 左侧楼梯导航 -->
    <div id='myLeftNav'>
        <ul>
            <li style='border-top:2px solid #ccc' class='active'>舌尖美食</li>
            <li>家居必备</li>
            <li>智能生活</li>
            <li>时尚人生</li>
            <li>美妆洗护</li>
            <li class='last'>返回顶部</li>
        </ul>
    </div>
    <!-- 右侧导航 -->
    <div id="rightNav">
        <div class="rightNav_Top">
            <p><span></span><i>商品分类</i></p>
            <p><span></span></p>
        </div>
        <div class="rightNav_Mid">
            <p><span></span><i>我的邮乐</i></p>
            <p>
                <strong class="showmyNum"></strong>
                <span></span><i>购物车</i>
            </p>
            <p><span></span><i>优惠券</i></p>
            <p><span></span><i>我的足迹</i></p>
        </div>
        <div class="rightNav_Bottom">
            <p><span></span><i>回到顶部</i></p>
        </div>
    </div>
    <!-- 中央导航部分 和 轮播图-->
    <div id="nav">
        <div class="wrapper">
            <!-- 中央导航部分 -->
            <div class="midNav">
                <a class="midNav
                _a" href="./list.html"></a>
                <a class="midNav
                _a" href="">天天特卖</a>
                <a class="midNav
                _a" href="">优惠券</a>
                <a class="midNav
                _a" href="">海外馆</a>
                <a class="midNav
                _a" href="">邮乐农品</a>
                <a class="midNav
                _a" href="">生活缴费</a>
                <a class="midNav
                _a" href="">邮乐旅行</a>
                <a class="midNav
                _a" href="">邮特惠</a>
                <a class="midNav
                _a" href="">邮惠购积分</a>
            </div>
        </div>
        <!-- 二级导航 轮播图 -->
        <div class="showNav_showlunbo">
            <!-- 二级导航-->
            <div class="wrapper">
                <div class="secondNav">
                    <ul>
                        <li><i></i><a>特色美食</a></li>
                        <li><i></i><a>美妆洗护</a></li>
                        <li><i></i><a>家居清洁</a></li>
                        <li><i></i><a>厨卫餐具</a></li>
                        <li><i></i><a>家用电器</a></li>
                        <li><i></i><a>母婴教育</a></li>
                        <li><i></i><a>箱包、配饰</a></li>
                        <li><i></i><a>手机数码</a></li>
                        <li><i></i><a>男装、女装、鞋靴</a></li>
                        <li><i></i><a>运动户外</a></li>
                        <li><i></i><a>电脑办公</a></li>
                        <li><i></i><a>汽车、图书影像</a></li>
                        <li><i></i><a>邮票、旅行、缴费</a></li>
                        <!-- 二级导航内容 -->
                        <div class="SecondNavContent">
                            <div class="samediv">
                                <div class="leftShow">
                                    <p>
                                        <strong>新鲜水果</strong>
                                        <span><a href="">车厘子/樱桃</a><a href="">芒果</a><a href="">桃</a><a href="">荔枝</a><a href="">哈密瓜/甜瓜</a><a href="">柠檬</a><a href=""></a><a href="">苹果</a><a href="">橙/橘/柚子</a><a href="">梨</a><a href="">百香果</a><a href="">奇异果</a><a href="">香蕉/柿子</a><a href="">枇杷</a><a href="">菠萝/凤梨</a><a href="">火龙果</a><a href="">榴莲/山竹</a><a href="">芭乐/番石榴/石榴</a><a href="">牛油果/蓝莓</a>
                                        </span>
                                    </p>
                                    <p>
                                        <strong>新鲜水果</strong>
                                        <span><a href="">车厘子/樱桃</a><a href="">芒果</a><a href="">桃</a><a href="">荔枝</a><a href="">哈密瓜/甜瓜</a><a href="">柠檬</a><a href=""></a><a href="">苹果</a><a href="">橙/橘/柚子</a><a href="">梨</a><a href="">百香果</a><a href="">奇异果</a><a href="">香蕉/柿子</a><a href="">枇杷</a><a href="">菠萝/凤梨</a><a href="">火龙果</a><a href="">榴莲/山竹</a><a href="">芭乐/番石榴/石榴</a><a href="">牛油果/蓝莓</a></span>
                                    </p>
                                    <p>
                                        <strong>新鲜水果</strong>
                                        <span><a href="">车厘子/樱桃</a><a href="">芒果</a><a href="">桃</a><a href="">荔枝</a><a href="">哈密瓜/甜瓜</a><a href="">柠檬</a><a href=""></a><a href="">苹果</a><a href="">橙/橘/柚子</a><a href="">梨</a><a href="">百香果</a><a href="">奇异果</a><a href="">香蕉/柿子</a><a href="">枇杷</a><a href="">菠萝/凤梨</a><a href="">火龙果</a><a href="">榴莲/山竹</a><a href="">芭乐/番石榴/石榴</a><a href="">牛油果/蓝莓</a></span>
                                    </p>
                                    <p>
                                        <strong>新鲜水果</strong>
                                        <span><a href="">车厘子/樱桃</a><a href="">芒果</a><a href="">桃</a><a href="">荔枝</a><a href="">哈密瓜/甜瓜</a><a href="">柠檬</a><a href=""></a><a href="">苹果</a><a href="">橙/橘/柚子</a><a href="">梨</a><a href="">百香果</a><a href="">奇异果</a><a href="">香蕉/柿子</a><a href="">枇杷</a><a href="">菠萝/凤梨</a><a href="">火龙果</a><a href="">榴莲/山竹</a><a href="">芭乐/番石榴/石榴</a><a href="">牛油果/蓝莓</a></span>
                                    </p>
                                    <p>
                                        <strong>新鲜水果</strong>
                                        <span><a href="">车厘子/樱桃</a><a href="">芒果</a><a href="">桃</a><a href="">荔枝</a><a href="">哈密瓜/甜瓜</a><a href="">柠檬</a><a href=""></a><a href="">苹果</a><a href="">橙/橘/柚子</a><a href="">梨</a><a href="">百香果</a><a href="">奇异果</a><a href="">香蕉/柿子</a><a href="">枇杷</a><a href="">菠萝/凤梨</a><a href="">火龙果</a><a href="">榴莲/山竹</a><a href="">芭乐/番石榴/石榴</a><a href="">牛油果/蓝莓</a></span>
                                    </p>
                                    <p>
                                        <strong>新鲜水果</strong>
                                        <span><a href="">车厘子/樱桃</a><a href="">芒果</a><a href="">桃</a><a href="">荔枝</a><a href="">哈密瓜/甜瓜</a><a href="">柠檬</a><a href=""></a><a href="">苹果</a><a href="">橙/橘/柚子</a><a href="">梨</a><a href="">百香果</a><a href="">奇异果</a><a href="">香蕉/柿子</a><a href="">枇杷</a><a href="">菠萝/凤梨</a><a href="">火龙果</a><a href="">榴莲/山竹</a><a href="">芭乐/番石榴/石榴</a><a href="">牛油果/蓝莓</a></span>
                                    </p>
                                    <p>
                                        <strong>新鲜水果</strong>
                                        <span><a href="">车厘子/樱桃</a><a href="">芒果</a><a href="">桃</a><a href="">荔枝</a><a href="">哈密瓜/甜瓜</a><a href="">柠檬</a><a href=""></a><a href="">苹果</a><a href="">橙/橘/柚子</a><a href="">梨</a><a href="">百香果</a><a href="">奇异果</a><a href="">香蕉/柿子</a><a href="">枇杷</a><a href="">菠萝/凤梨</a><a href="">火龙果</a><a href="">榴莲/山竹</a><a href="">芭乐/番石榴/石榴</a><a href="">牛油果/蓝莓</a></span>
                                    </p>
                                </div>
                                <div class="rightShow">
                                    <a href="" target="_blank"> <img width="102" height="48" src="//pic1.ulecdn.com/item/user_0102/desc20180408/b991deefd05af02c_-1x-1.jpg"> </a>
                                    <a href="" target="_blank"> <img width="102" height="48" src="//pic1.ulecdn.com/item/user_0102/desc20160927/e544798f964ecd81_-1x-1.jpg"> </a>
                                    <a href="" target="_blank">
                                        <img width="102" height="48" src="//pic3.ulecdn.com/item/user_0102/desc20180801/d474a29ad40f69cb_-1x-1.jpg"> </a>
                                    <a href=""> <img width="102" height="48" src="//pic4.ulecdn.com/item/user_0102/desc20181121/5d751044c3a56575_-1x-1.jpg"> </a>
                                    <a href=""> <img width="102" height="48" src="//pic3.ulecdn.com/item/user_0102/desc20160927/4de18a8e5900b074_-1x-1.jpg"> </a>
                                    <a href="">
                                        <img width="102" height="48" src="//pic0.ulecdn.com/item/user_0102/desc20160927/30479b9edf597d95_-1x-1.jpg"> </a>
                                    <a href=""> <img width="102" height="48" src="//pic2.ulecdn.com/item/user_0102/desc20180523/b15b33364314be3a_-1x-1.jpg"> </a>
                                    <a href=""> <img width="102" height="48" src="//pic0.ulecdn.com/item/user_0102/desc20190118/bb6341d6910a8a24_-1x-1.png"> </a>
                                    <a class="clear" data-uspm-id="1.1.1_C2018.100014.2.1"></a>
                                    <a href=""> <img width="260" height="118" src="//pic4.ulecdn.com/item/user_0102/desc20210408/6918b545d086a366_-1x-1.png"> </a>




                                </div>
                            </div>
                            <div class="samediv">
                                <div class="leftShow">
                                    <p><strong>第二个内容</strong></p>
                                </div>
                            </div>
                            <div class="samediv">
                                <div class="leftShow">
                                    <p><strong>第三个内容</strong></p>
                                </div>
                            </div>
                            <div class="samediv">
                                <div class="leftShow">
                                    <p><strong>第个四内容</strong></p>
                                </div>
                            </div>
                            <div class="samediv">
                                <div class="leftShow">
                                    <p><strong>第五个内容</strong></p>
                                </div>
                            </div>
                            <div class="samediv">
                                <div class="leftShow">
                                    <p><strong>第六个内容</strong></p>
                                </div>
                            </div>
                            <div class="samediv">
                                <div class="leftShow">
                                    <p><strong>第七个内容</strong></p>
                                </div>
                            </div>
                            <div class="samediv">
                                <div class="leftShow">
                                    <p><strong>第八个内容</strong></p>
                                </div>
                            </div>
                            <div class="samediv">
                                <div class="leftShow">
                                    <p><strong>第九个内容</strong></p>
                                </div>
                            </div>
                            <div class="samediv">
                                <div class="leftShow">
                                    <p><strong>第十个内容</strong></p>
                                </div>
                            </div>
                            <div class="samediv">
                                <div class="leftShow">
                                    <p><strong>第十一个内容</strong></p>
                                </div>
                            </div>
                            <div class="samediv">
                                <div class="leftShow">
                                    <p><strong>第十二个内容</strong></p>
                                </div>
                            </div>
                            <div class="samediv">
                                <div class="leftShow">
                                    <p><strong>第十三个内容</strong></p>
                                </div>
                            </div>
                        </div>
                    </ul>
                </div>
            </div>
            <div class="curBanner">
                <section class="pc-banner">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide swiper-slide-center none-effect">
                                <a href="#"><img src="./img/55b3fd38714ced9e_-1x-1.png"></a>
                            </div>
                            <div class="swiper-slide">
                                <a href="#"><img src="./img/590d557b99774f6c_-1x-1.jpg"></a>
                            </div>
                            <div class="swiper-slide">
                                <a href="#"><img src="./img/eb9ff5168714fb79_-1x-1.jpg"></a>
                            </div>
                            <div class="swiper-slide">
                                <a href="#"><img src="./img/895db39a68044090_-1x-1.png"></a>
                            </div>
                            <div class="swiper-slide">
                                <a href="#"><img src="./img/top_hero_hakko.jpg"></a>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-pagination"></div>
                    <div class="button">
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div>
                    </div>
                </section>
            </div>

        </div>
    </div>
    <!-- 内容部分 -->
    <div id="content">
        <!-- 搜索框 下-->
        <div class="bottomSearch">
            <div class="wrapper">
                <a href="./index1.html"></a>
            </div>

        </div>
        <div class="wrapper">
            <!-- tab选项卡效果 -->
            <div class="content_top">
                <div class="tabchange">
                    <span class="active_span"><i></i><strong>底价来袭</strong></span>
                    <span><i></i><strong>农品特卖</strong></span>
                </div>
                <div class="tabcontent">
                    <ul>
                    </ul>
                </div>
            </div>
            <!-- 积分兑换 -->
            <div class="duihuan">
                <img src="./img/77ad229e91405ba7_-1x-1.jpg" alt="" style="margin-top:20px" class="filterchange">
            </div>
            <!-- 不同商品板块 -->
            <div class="diffrentContent">
                <div class="goods partOne">
                    <div class="goodsTop">
                        <p><span>|&nbsp;&nbsp;舌尖美食</span><a href="">挂面</a><a href="">鸡蛋</a><a href="">桂圆干</a><a href="">红枣</a><a href="">食用油</a><a href="">大米</a><a href="">更多</a></p>
                        <p><a href="">优质土蜂蜜 质量有保证</a></p>
                    </div>
                    <div class="goodsShow">
                        <a href="./detail.html?sid=9" class="leftImage filterchange">
                            <img src="https://pic2.ulecdn.com/item/user_0102/desc20201102/04fdf747fca4338b_-1x-1.jpg" alt="">
                        </a>
                        <ul>

                        </ul>
                    </div>

                </div>
                <div class="goods partTwo">
                    <div class="goodsTop">
                        <p><span>|&nbsp;&nbsp;家居必备</span><a href="">四件套</a><a href="">浴巾</a><a href="">百洁布</a><a href="">洗洁精</a><a href="">抽取式面纸</a><a href="">洗手液</a><a href="">更多</a></p>
                        <p><a href="">为家而炊 享受烹饪时光</a></p>
                    </div>
                    <div class="goodsShow">
                        <a href="./detail.html?sid=18" class="leftImage filterchange">
                            <img src="https://pic3.ulecdn.com/item/user_0102/desc20210419/4b44a699c1cc5a1d_-1x-1.png" alt="">
                        </a>
                        <ul>
                        </ul>
                    </div>
                </div>
                <div class="goods partThird">
                    <div class="goodsTop">
                        <p><span>|&nbsp;&nbsp;智能生活</span><a href="">电饭煲</a><a href="">养生壶</a><a href="">剃须刀</a><a href="">吸尘器</a><a href="">电磁炉</a><a href="">冰箱</a><a href="">更多</a></p>
                        <p><a href="">荣事达 健康生活轻松掌握</a></p>
                    </div>
                    <div class="goodsShow">
                        <a href="./detail.html?sid=20" class="leftImage filterchange">
                            <img src="https://pic4.ulecdn.com/item/user_0102/desc20210330/c4452542e421d8c7_-1x-1.jpg" alt="">
                        </a>
                        <ul>

                        </ul>
                    </div>

                </div>
                <div class="goods partFour">
                    <div class="goodsTop">
                        <p><span>|&nbsp;&nbsp;时尚人生</span><a href="">时尚女包</a><a href="">拉杆箱</a><a href="">女士睡衣</a><a href="">帐篷</a><a href="">牛仔裤</a><a href="">更多</a></p>
                        <p><a href="">让你成为小仙女的秘密</a> </p>
                    </div>
                    <div class="goodsShow">
                        <a href="./detail.html?sid=29" class="leftImage filterchange">
                            <img src="https://pic4.ulecdn.com/item/user_0102/desc20210322/e84f6075942da850_-1x-1.png" alt="">
                        </a>
                        <ul>
                        </ul>
                    </div>

                </div>
                <div class="goods partFive">
                    <div class="goodsTop">
                        <p><span>|&nbsp;&nbsp;美妆洗护</span><a href="">洗发水</a><a href="">卫生巾</a><a href="">洗面奶</a><a href="">护手霜</a><a href="">面膜</a><a href="">沐浴露</a><a href="">更多</a></p>
                        <p><a href="">柔肤粉底液 自然裸妆 高效保湿</a></p>
                    </div>
                    <div class="goodsShow">
                        <a href="./detail.html?sid=39" class="leftImage filterchange">
                            <img src="https://pic3.ulecdn.com/item/user_0102/desc20210312/b9a3f99df44df298_-1x-1.jpg" alt="">
                        </a>
                        <ul>

                        </ul>
                    </div>

                </div>
            </div>
            <!-- 逛一逛(展示所有商品) -->
            <div class="showAllGoods">
                <p class="lookGoods">逛一逛</p>
                <div class="lastGooodsShow">
                    <ul></ul>
                </div>
                <!-- end -->
                <div class="end">——————&emsp;END&emsp;——————</div>
            </div>
        </div>
    </div>
    <!-- 尾部 -->
    <div id='footer'>
        <div class='wrapper'>
            <pre>
            酒类商品零售许可证：浦市监酒零字 第 JY13101150070309-JL 号食品经营许可证：JY13101150070309统一社会信用代码：913100006916203638

            沪公网安备 31011502009005号 | 沪ICP备 13037728号-1 | (沪)网械平台备字[2020]第00009号 | Copyright 2009-2021, 版权所有上海邮乐网络技术有限公司 ULE.COM</pre>
        </div>

    </div>
    <script src="./script/index_search.js" id="searchID"></script>
</body>

</html>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="./script/swiper.min.js"></script>
<script src="./script/index_show.js"></script>